<script setup lang="ts">
import { provide, ref } from 'vue';
import { router } from './router';

const screenWidth = document.documentElement.clientWidth
const menuVisible = ref(screenWidth <= 550 ? false :true)
provide('menuVisible',menuVisible)

router.afterEach(()=> {
  if(screenWidth <= 550){
    menuVisible.value = false
  }
})
</script>

<template>
  <router-view></router-view>
</template>

<style>
</style>
